html,
body {
  height: 100%;
  background-color: #fff;
}
ul,
ol,
dl {
  list-style: none;
  margin: 0;
  padding: 0;
}
.lt-containner {
  max-width: 640px;
  min-width: 320px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.lt-containner .lt-thead {
  height: 45px;
  background-color: #006699;
  display: flex;
  text-align: center;
}
.lt-containner .lt-thead .home a,
.lt-containner .lt-thead .search a {
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
}
.lt-containner .lt-thead .home a i,
.lt-containner .lt-thead .search a i {
  color: #fff;
}
.lt-containner .lt-thead h4 {
  flex: 1;
  margin: 0;
  padding: 0;
  line-height: 45px;
  color: #fff;
}
.lt-containner .lt-main {
  flex: 1;
  position: relative;
}
.lt-containner .lt-main .lt-nav ul li {
  float: left;
  width: 33.33%;
}
.lt-containner .lt-main .lt-nav ul li a img {
  width: 100%;
}
.lt-containner .lt-tfroot {
  height: 55px;
  background-color: #006699;
}
.lt-containner .lt-tfroot ul {
  display: flex;
  text-align: center;
  padding: 0;
  margin: 0;
}
.lt-containner .lt-tfroot ul li {
  flex: 1;
  position: relative;
  padding-top: 10px;
  margin: 0px;
}
.lt-containner .lt-tfroot ul li a {
  display: block;
}
.lt-containner .lt-tfroot ul li i {
  color: #fff;
}
.lt-containner .lt-tfroot ul li p {
  margin: 0;
  color: #fff;
}
.lt-containner .lt-tfroot ul li .bgc {
  color: orange;
}
